<template>
  <div>
    <div class="wrap">
      <div class="tou">
        <img @click="fanhuiqu" class="img1" src="../../assets/个人中心/1个人中心/jiantou.png"/>
        <p>收货地址</p>
        <router-link to="/shouhuodizhi2">
          <span @click="">添加新地址</span>
        </router-link>

      </div>
      <div class="cont">
        <img src="../../assets/个人中心/1个人中心/qiu2.png"/>
      </div>
      <div class="tianjia">
        <router-link to="/shouhuodizhi2">
          添加新地址
        </router-link>
      </div>
    </div>
  </div>
</template>

<script>
  export default{
    methods:{


    }
  }
</script>

<style scoped>
  .tou{
    width: 100%;
    height: 2.666rem;
    background: #e53e42;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tou .img1{
    width: 0.638rem;
    height: 1.055rem;
    position: absolute;
    left: 0.555rem;
  }
  .tou p{
    position: absolute;
    bottom: 0.972rem;
    left: 5.8rem;
    height: 0.972rem;
    font-size: 1rem;
    color: #ffffff;
  }
  .tou span{
    position: absolute;
    bottom: 0.8rem;
    right: 0.555rem;
    height: 0.805rem;
    font-size: 0.7rem;
    line-height: 1rem;
    color: #ffffff;
  }
  .cont{
    width: 5.555rem;
    height: 5.555rem;
    margin: 0 auto;
    border: 1px solid #CCCCCC;
    margin-top: 5.833rem;
    border-radius: 50%;
  }
  .cont img{
    width: 100%;
    height: 100%;
  }
  .tianjia{
    width: 8.333rem;
    height: 1.666rem;
    background-color: #ffffff;
    border-radius: 0.833rem;
    border: solid 2px #4d4d4d;
    margin: 1.388rem auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.833rem;
  }
</style>
